<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .box1{
            text-decoration:line-through red solid;
/*
text-decoration 设置文本修饰
  可选值：
     none(默认值) 什么都不加
     underline 下划线
     overline 下划线
     line-through 删除线
*/
        }

        .box2{
            width: 700px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
/*
white-space 设置网页如何处理空白
  可选值：
    normal 正常
    nowrap 不换行
    pre 保留空白（和源代码中的书写一致）

overflow: hidden用于文本的裁剪
text-overflow: ellipsis用于溢出的内容设置省略号
*/
        }
    </style>
</head>
<body>
    <div class="box1">
        今天天气真不错
    </div>
    <div class="box2">
        When the summer holiday comes, students will have a long vacation, they have all kinds of plans.
         Some students will go back to their hometown, enjoy the time there and have a look at the beautiful scenery, some students will take a trip and relax.
          Most schools will provide plans for students, they plan the summer camp for students. As English is so important, everyone learns English now, so students can join the English summer camp, it helps to improve their English. 
          First, students can learn English with fun, they are no longer in the class, they learn it while playing with others, English seems not that boring. Second, some camps will go abroad, students talk to the local people, they can have access to the foreign culture, it will improve their interest in English. English summer camp is a good choice to learn English, it improves students’ English with interest.
    </div>
</body>
</html>